<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../Template/HomeTemplate.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                
                xmlns:pou="http://primefaces.org/ui">

    <ui:define name="content">
        <div>
            <div id="breadcrumbs">
                <a href="./../HomePages/Index.xhtml">Home</a>
                <span class="separate">»</span>
                Feedback
            </div>
            <div class="full_entry clearfix">
                <div class="entry_content">
                    <h1 class="single-title">Feedback</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sapien metus, gravida vel condimentum eu, porta eget nisi.</p>
                    <h:form>
                        <pou:growl id="growl"/>                   
                        <table border="0">                        
                            <tbody>
                                <tr>
                                    <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Title : </p></td>
                                    <td><pou:inputText value="#{feedbackBean.title}" styleClass="input" requiredMessage="Title Not Empty" label="Name" required="true"/></td>
                                </tr>                                
                                <tr>
                                    <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Name : </p></td>
                                    <td><pou:inputText value="#{feedbackBean.name}" requiredMessage="Name Not Empty" styleClass="input" label="Title" required="true"/></td>
                                </tr>
                                <tr>
                                    <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Content : </p></td>
                                    <td><pou:editor widgetVar="editor" value="#{feedbackBean.content}" width="400" required="true" requiredMessage="Content must be null"></pou:editor></td>
                                </tr>                           
                                <tr>
                                    <td></td>
                                    <td><br/>
                                        <pou:commandButton value="Submit" actionListener="#{feedbackBean.addnewFeedBack()}" update="growl" image="ui-icon ui-icon-disk"></pou:commandButton>
                                        <pou:commandButton type="reset" value="Clear" onclick="editor.clear()" image="ui-icon ui-icon-close"/></td>
                                </tr>
                            </tbody>
                        </table>
                    </h:form>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>
